<div class="page">
	<div class="navbar">
		<div class="navbar-inner sliding">
			<div class="left">
				<a href="#" class="link back">
					<i class="icon icon-back"></i>
					<span class="ios-only"></span>
				</a>
			</div>
			<div class="title">个人中心</div>
			<div class="right">
				<a href="#" class="logout">
					<i class="f7-icons">logout</i>
				</a>
			</div>
		</div>
	</div>
	<div class="page-content">
		<script id="templateUserInformation" type="text/template7">
			<img src="../i/head-sm.png" alt="">
			<p>您好，{{CurrentUserName}}</p>
			<ul class="row no-gap">
				<li class="col-33"><span><i class="aliiconfont aliicon-credentials_icon"></i> 用户身份</span><br/>{{CurrentUserRoleName}}</li>
				<li class="col-33"><span><i class="aliiconfont aliicon-jigou"></i> 所在部门</span><br/>{{CurrentDepartmentName}}</li>
				<li class="asset col-33" data-href="user-asset.html"><span><i class="aliiconfont aliicon-zichanpankuiyingdengji"></i> 我的资产</span><br/>{{AssetTotal}}</li>
			</ul>
		</script>
		<div class="screen">
			<section class="user">
			</section>
			<!-- 主要业务栏模块 start-->
			<section class="userPhoneEmail">
				<img src="../i/centerimg.jpg" alt="" />
				<ul class="">
					<li><span class="aliiconfont aliicon-msnui-telephone"></span>电话：021-38676401</li>
					<li><span class="aliiconfont aliicon-youjian"></span>邮编：ITserviceDesk@gtjas.com</li>
				</ul>
			</section>
			<!-- 主要功能栏模块 end-->
		</div>
		<!-- 底部导航 start -->
		<footer>
			<ul class="row no-gap footerNav">
				<li class="col-25">
					<a href="/" data-animate="false">
						<i class="aliiconfont aliicon-home"></i>
					</a>
				</li>
				<li class="col-25">
					<a href="/user-asset/">
						<i class="aliiconfont aliicon-reorder"></i>
					</a>
				</li>
				<li class="col-25">
					<a href="/scan-stocktak/?_type=assetCode" id="scanAsset">
						<i class="aliiconfont aliicon-icon_QRcode"></i>
					</a>
				</li>
				<li class="col-25">
					<a href="/user-center/">
						<i class="aliiconfont aliicon-user"></i>
					</a>
				</li>
			</ul>
		</footer>
		<!-- 底部导航 end -->
	</div>
	<style>
		section.user {
			background: linear-gradient(#01B3E2 15%, #066BA3);
			text-align: center;
			padding-top: 1rem;
		}
		
		section.user img {
			width: 60px;
		}
		
		section.user p {
			color: #fff;
			font-size: 18px;
		}
		
		section.user ul {
			background: rgba(255, 255, 255, 1);
			font-size: 16px;
		}
		
		section.user ul>li {
			padding: 25px 0;
			word-wrap: break-word;
		}
		
		section.user .aliiconfont,
		.userPhoneEmail .aliiconfont {
			color: #0f8edb;
		}
		
		section.userPhoneEmail img {
			display: block;
			width: 100%;
		}
		
		section.userPhoneEmail ul {
			margin: 20px 0 0 0;
			padding-left: 10px;
			border-top: 1px solid #e7eaec;
			border-bottom: 1px solid #e7eaec;
			background: #fff;
		}
		
		section.userPhoneEmail ul>li {
			margin: 10px 0;
			white-space: nowrap;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			overflow: hidden;
		}
		
		section.userPhoneEmail ul>li span {
			color: #0f8edb;
			margin-right: 5px;
		}
					.dialog-inner {
				padding: 0 !important;
			}
			
			.dialog-title {
				background: #01B3E2 !important;
				color: #fff !important;
				padding: 8px 0 !important;
				text-align: center !important;
				display: none;
			}
			
			.dialog-text {
				padding: 20px 0;
				margin-top: 0 !important;
				text-align: center !important;
			}
			.md .dialog-text{
				padding: 18px 0;
			}
			
			.dialog-button {
				color: #2399D6 !important;
			}
			
			.md .dialog-buttons {
				height: 44px;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				-ms-flex-pack: center;
				justify-content: center;
				border-top: 1px solid #E4E4E4;
				padding: 0;
			}
			
			.md .dialog-button {
				width: 100%;
				padding: 0 5px;
				height: 44px;
				font-size: 15px;
				line-height: 44px;
				text-align: center;
				color: #007aff;
				display: block;
				position: relative;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				cursor: pointer;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-box-flex: 1;
				-ms-flex: 1;
				background: rgba(255, 255, 255, .95);
			}
			.md .dialog-button+.md .dialog-button{
				
			}
			.md .dialog {
				width: 270px;
				margin-left: -135px;
				text-align: center;
				border-radius: 13px;
				color: #000;
			}
			.md .dialog-button+.dialog-button{
				border-left: 1px solid  #E4E4E4;
			}
	</style>
</div>